<template>
  <a-modal
    :width="width"
    title="员工类型"
    :visible="checkVisible"
    @ok=""
    @cancel="checkVisible = false"
    :footer="null"
  >
    <a-table
      style="margin-top: 15px; border: 1px solid #ebeef5"
      :scroll="{ y: 550 }"
      :columns="columns"
      :pagination="false"
      :data-source="dataList"
    >
    </a-table>
  </a-modal>
</template>

<script>
import { httpAction, getAction } from '@/api/manage'

export default {
  name: 'employeeType',
  props: {},
  components: {},
  data() {
    return {
      queryParam: {},
      ipagination: {
        current: 1,
        pageSize: 1000,
        showTotal: (total, range) => {
          return range[0] + '-' + range[1] + ' 共' + total + '条'
        },
        total: 0,
      },
      columns: [
        {
          title: '员工类型',
          width: 300,
          align: 'center',
          dataIndex: 'name',
        },
        {
          title: '人数',
          width: 300,
          align: 'center',
          dataIndex: 'quitNum',
        },
      ],
      dataList: [],
      width: 800,
      checkVisible: false,
      url: {
        list: '/online/api/getResignReportByBuId',
      },
    }
  },
  created() {},
  methods: {
    show(data) {
      this.dataList = []
      this.checkVisible = true
      this.dataList = [
        {name: '总部正式员工',quitNum: data.c1Num},
        {name: 'BU正式员工',quitNum: data.c2Num},
        {name: '实习生',quitNum: data.c8Num},
        {name: '派遣工',quitNum: data.c9Num},
        {name: '临时工',quitNum: data.c10Num},
        {name: '正式工',quitNum: data.c11Num},
      ]
    },
  },
}
</script>

<style lang="less" scoped>
/deep/ .ant-input {
  border-radius: 0;
}
/deep/ .ant-select {
  width: 100%;
}
/deep/ .ant-select-selection {
  border-radius: 0;
}
/deep/ .ant-modal-header {
  border-bottom: 1px solid #e8e8e8;
}
/deep/ .ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
  padding: 10px 15px;
}
/deep/ .ant-modal-mask {
  z-index: 96 !important;
}
/deep/ .ant-modal-wrap {
  z-index: 96 !important;
}
</style>